<div class="bg-primary text-white shadow-md sticky top-0 z-50">
  <div class="container mx-auto px-4">
    <div class="flex items-center justify-between h-16">
      <!-- Logo和标题 -->
      <div class="flex items-center space-x-3">
        <i class="fa fa-qq text-2xl"></i>
        <h1 class="text-xl font-bold">我的个人空间</h1>
      </div>
      
      <!-- 搜索框 -->
      <div class="hidden md:flex items-center flex-1 max-w-md mx-8">
        <div class="relative w-full">
          <input type="text" placeholder="搜索日志、照片..." 
                class="w-full py-2 pl-10 pr-4 rounded-full bg-white/20 placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/30 transition-all">
          <i class="fa fa-search absolute left-3 top-1/2 -translate-y-1/2"></i>
        </div>
      </div>
      
      <!-- 用户操作区 -->
      <div class="flex items-center space-x-6">
        <button class="hover:text-space-200 transition-colors">
          <i class="fa fa-bell-o text-lg"></i>
        </button>
        <button class="hover:text-space-200 transition-colors">
          <i class="fa fa-envelope-o text-lg"></i>
        </button>
        <div class="flex items-center space-x-2 cursor-pointer group">
          <img src="../assets/images/avatar.jpg" alt="用户头像" class="w-8 h-8 rounded-full border-2 border-white">
          <span class="hidden md:inline font-medium group-hover:underline">张小华</span>
          <i class="fa fa-angle-down text-xs"></i>
        </div>
      </div>
    </div>
  </div>
</div>